<template>
    <div class="page">
    
        <div class="page-content">
            <div class="loan" v-show="tabIndex==0">
                <tabs tabColor="energized" :tab-items="tabs" :tab-index="0" :on-tab-click="onTabClick"></tabs>
                <div class="header">
                    <img class="header_img" src="static/img/borrowing_banner@3x.jpg">
                    <img class="title_img" src="static/img/borrowing_title@3x.png">
                </div>
                <ul class="list">
                    <li class="li">
                        <img class="li_img" src="static/img/borrowing_data@3x.png">
                        <div class="text">
                            <h2 class="title">1.资料真实</h2>
                            <p class="content">需要填写的信息
                                <span class="important">一定要如实、完整，</span>系统全程把关，不如实和不良信息一定会被检测到。</p>
                        </div>
                    </li>
                    <li class="li">
                        <div class="text">
                            <h2 class="title">2.本人申请</h2>
                            <p class="content">
                                <span class="important">身份证和手机号必须为本人。</span>冒名顶替是逃不过大数据的火眼金睛。</p>
                        </div>
                        <img class="li_img" src="static/img/borrowing_apply@3x.png">
                    </li>
                    <li class="li">
                        <img class="li_img" src="static/img/borrowing_allow@3x.png">
                        <div class="text">
                            <h2 class="title">3.全程允许</h2>
                            <p class="content">在操作过程中，找到软件提醒进行操作。出现弹出框的位置，点击
                                <span class="important">“允许或者授权”就可以！</span>这样会提高借款成功率！</p>
                        </div>
                    </li>
                </ul>
                <div class="explain">
                    借款说明: 
                    <br>借款前，系统需要对用户信息进行认证。用户认证分基础认证和增信认证，基础认证是用户借款必须填写的内容，增信认证是增加用户信用额度，用户可选择不填写。
                </div>
            </div>
            <div class="promote" v-show="tabIndex==1">
                <tabs tabColor="balanced" :tab-items="tabs" :tab-index="1" :on-tab-click="onTabClick"></tabs>
                <div class="header">
                    <img class="header_img" src="static/img/credit_banner@3x.jpg">
                    <img class="title_img" src="static/img/credit_title@3x.png">
                </div>
                <ul class="list">
                    <li class="li">
                        <img class="li_img" src="static/img/credit_information@3x.png">
                        <div class="text">
                            <h2 class="title">1.完善信息</h2>
                            <p class="content">
                                <span class="important">填写真实的基础信息，信用无忧</span>
                            </p>
                        </div>
                    </li>
                    <li class="li">
                        <div class="text">
                            <h2 class="title">2.完善增信信息</h2>
                            <p class="content">
                                <span class="important">完善增信信息，额度提升无忧</span>
                            </p>
                        </div>
                        <img class="li_img" src="static/img/credit_use@3x.png">
                    </li>
                    <li class="li">
                        <img class="li_img" src="static/img/credit_recommended@3x.png">
                        <div class="text">
                            <h2 class="title">3.经常使用</h2>
                            <p class="content">经常使用
                                <span class="important">“随行贷”</span>按时还款，保持良好信用记录</p>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="repay" v-show="tabIndex==2">
                <tabs tabColor="positive" :tab-items="tabs" :tab-index="2" :on-tab-click="onTabClick"></tabs>
                <div class="header">
                    <img class="header_img" src="static/img/repayment_banner@3x.jpg">
                    <img class="title_img" src="static/img/repayment_title@3x.png">
                </div>
                <ul class="list">
                    <li class="li">
                        <img class="li_img" src="static/img/repayment_akey@3x.png">
                        <div class="text">
                            <h2 class="title">1.一键还款</h2>
                            <p class="content">一键还款是指使用借款时银行卡直接还款，还款之前需要确认
                                <span class="important">银行卡中有足够的余额、避免影响您的信用。</span>
                            </p>
                        </div>
                    </li>
                </ul>
                <div class="explain">
                    还款说明:
                    <br>系统提供用户主动还款及系统到期自动还款。用户主动还款前需要确定银行卡余额充足，如果因余额不足导致还款失败则用户需要联系客服在系统端进行用户还款操作，其他情况下还款失败用户可多次进行还款。系统到期自动还款时如果因余额不足导致还款失败则用户需要联系客服在系统端进行用户还款操作，其他情况下还款失败，系统会第二天继续自动扣款，用户也可联系客服进行操作。
                </div>
            </div>
        </div>
    </div>
</template>
<script src="./HelpCenter.js"></script>
<style src="./HelpCenter.scss" lang="scss" scoped></style>

